@media screen and (min-width: 1200px) {
  .content {
    margin: 50px auto 0 auto;
  }
  .el-carousel__item, .el-carousel__container, .el-carousel {
    height: 450px !important;
  }
  .product-list {
    margin-top: 50px;
    .item {
      position: relative;
      //visibility: visible;
      //animation-duration: 3s;
      .info {
        width: 35%;
        height: 620px;
        position: absolute;
        top: 0;
      }
      &-bg {
        height: 620px;
      }
      &-title {
        font-size: 24px;
      }
    }
    .item:nth-child(2n - 1) {
      animation: bounceInLeft 3s;
      .info {
        margin-left: 70px;
      }
    }

    .item:nth-child(2n) {
      animation: bounceInRight 3s;
      .info {
        margin-right: 70px;
        right: 0;
      }
    }
  }
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
  }
  .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
  }
  @keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
      opacity: 0;
      transform: translate3d(3000px,0,0);
    }
    60% {
      opacity: 1;
      transform: translate3d(-25px,0,0);
    }
    75% {
      transform: translate3d(10px,0,0);
    }
    90% {
      transform: translate3d(-5px,0,0);
    }
    100% {
      transform: translateZ(0);
    }
  }
  @keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
      opacity: 0;
      transform: translate3d(-3000px,0,0);
    }
    60% {
      opacity: 1;
      transform: translate3d(25px,0,0);
    }
    75% {
      transform: translate3d(-10px,0,0);
    }
    90% {
      transform: translate3d(5px,0,0);
    }
    100% {
      transform: translateZ(0);
    }
  }
}
